/**
 * React + Redux + React-Redux
 *
 *    React-Redux:
 *      概念：
 *        是 Redux 官网专门为 React 应用提供的一个辅助模块，方便我们能够在React项目中更好的去获取 Redux 中的 State 数据。
 *      解决的问题：
 *        1. 避免在全局入口中做 subscribe
 *        2. 避免在组件中疯狂引入 store
 *      核心原理：
 *        通过 Context 上下文原理来做的。
 *
 *      使用：
 *        PS: 还是要安装上 redux
 *        1. 安装
 *          npm install react-redux
 *
 *        2. 在组件最外层使用 Provider 组件包裹，并将 store 的实例传递给它
 *
 *        3. 组件内可选下面两种方式获取 store 中的 state 数据
 *          1. 高阶组件    connect
 *          2. hooks      useSelector()   useDispatch()
 *
 */

import { Component } from "react";
import Hello from "./components/Hello";
import World from "./components/World";

export default class App extends Component {
  render() {
    return (
      <div>
        <h1>App</h1>
        <hr />
        <Hello />
        <hr />
        <World />
      </div>
    );
  }
}
